<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>导航栏菜单组件的使用</title>
		<link rel="stylesheet" type="text/css" href="css/antd.css" />
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
		</style>
	</head>
	<body>
		<div id="app" style="margin:20px auto;width:600px">
			<a-menu style="width: 256px;" mode="inline" theme="dark">
				<a-sub-menu key="sub1">
					<span slot="title">
						<span>网站设置</span>
					</span>
					<a-menu-item key="1">网站信息</a-menu-item>
					<a-menu-item key="2">备案信息</a-menu-item>
					<a-menu-item key="3">SEO信息</a-menu-item>
					<a-menu-item key="4">二维码</a-menu-item>
				</a-sub-menu>
				<a-sub-menu key="sub2">
					<span slot="title">
						<span>数据设置</span>
					</span>
					<a-menu-item key="5">状态数据</a-menu-item>
					<a-menu-item key="6">类别数据</a-menu-item>
				</a-sub-menu>
			</a-menu>

		</div>

		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/antd.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var vm = new Vue({
				el: "#app"
			})
		</script>
	</body>
</html>
